.selfPage {
    &-my {
        position: relative;
        width: 100vw;
        height: 37vw;
        background-image: url('./assets/imgs/selfbg.png');
        background-size: 100% 100%;

        &-info {
            position: absolute;
            z-index: 5;
            top: 8vw;
            left: 10vw;
            width: 70vw;

            img {
                width: 17vw;
                height: 17vw;
                border-radius: 50%;
                float: left;
                margin-right: 5vw;
            }

            h3 {
                font-size: 5vw;
                color: #fff;
            }

            p {
                font-size: 4vw;
                line-height: 2.6;
                color: #fff;
            }
        }
    }

    &-item {
        position: relative;
        overflow: hidden;
        border-top: 5vw solid #eeeeee;

        li {
            box-sizing: border-box;
            width: 33.33vw;
            height: 30vw;
            padding-top: 4vw;
            float: left;
            border: 1px solid $content-text-gray;
            border-top: 0;
            border-left: 0;

            &>div {
                display: block;
                margin: auto;
                width: 14vw;
                height: 14vw;
                background-size: 100%;
                background-repeat: no-repeat;
            }

            h5 {
                line-height: 2;
                font-size: 4vw;
                text-align: center;
                font-family: 'microsoft yahei';
            }
        }

        li:nth-of-type(3n+0) {
            border-right: 0;
        }
    }

    .selfPage2-bankinfo {
        border-top:1px solid #999;
        margin-top:10px;
        width: 100%;
        text-align: center;
        line-height: 3;
        clear: both;
        td{
            border-bottom:1px solid #999;
        }
        td:first-of-type{
            color:#666;
        }
    }

    .selfPage3-setting{
        box-sizing: border-box;
        padding:5vw;
        clear:both;
        .el-form-item{
            position: relative;
        }
        .homePage-getmoney-codesend{
            position: absolute;
            right:0;
            top:0;
            z-index: 2;
        }
        &-avatar{
            width:20vw;
            height:20vw;
            border-radius: 50%;
        }
    }
}